<%-- 
    Document   : specials
    Created on : Nov 10, 2012, 9:43:55 PM
    Author     : Tam Nguyen
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Specials</title>
    </head>
    <body>
        <div style="width:218px;">
            <div class="box " id="specials" style="width:218px;">
                <div class="box-head">
                    <a href="#">Specials</a>
                </div>
                <div class="box-body">
                    <div class="sideBoxContent centeredContent one">
                        <div class="img">
                            <a href="#">
                                <div style="width: 54px; height: 85px; overflow: hidden; top: 0px; left: 0px; position: relative;" class="ibe_outer_nofloat"><img src="images/12.jpg" alt="2xist Essential Fly Brief Pack" title=" 2xist Essential Fly Brief Pack " height="210" width="134">
                                    <div style="height: 85px; width: 54px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); position: absolute; top: -1px; left: -1px; opacity: 0.01;" class="ibe_inner"></div>							   									</div>
                            </a>
                            <br>
                        </div>
                        <div class="desc">
                            <a class="name" href="#">2xist Essential Fly Brief Pack</a>
                            <div class="price">
                                <span class="normalprice">$124.00 </span>&nbsp;<span class="productSpecialPrice">$105.40</span>
                                <span class="productPriceDiscount"><br>-15%</span>
                            </div>
                        </div>
                    </div>

                    <div class="sideBoxContent centeredContent">
                        <div class="img">
                            <a href="#">
                                <div style="width: 54px; height: 85px; overflow: hidden; top: 0px; left: 0px; position: relative;" class="ibe_outer_nofloat"><img src="images/13.jpg" alt="2xist Essential No Show Brief" title=" 2xist Essential No Show Brief " height="210" width="134">
                                    <div style="height: 85px; width: 54px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); position: absolute; top: -1px; left: -1px; opacity: 0.01;" class="ibe_inner"></div>			  									</div>
                            </a>
                            <br>
                        </div>
                        <div class="desc">
                            <a class="name" href="#">2xist Essential No Show Brief</a>
                            <div class="price">
                                <span class="normalprice">$605.00 </span>
                                <span class="productSpecialPrice">$514.25</span>
                                <span class="productPriceDiscount"><br>-15%</span>
                            </div>
                        </div>
                    </div>

                    <div class="sideBoxContent centeredContent">
                        <div class="img">
                            <a href="#">
                                <div style="width: 54px; height: 85px; overflow: hidden; top: 0px; left: 0px; position: relative;" class="ibe_outer_nofloat"><img src="images/14.jpg" alt="2xist Essential White Sport Brief" title=" 2xist Essential White Sport Brief " height="210" width="134">		 										<div style="height: 85px; width: 54px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); position: absolute; top: -1px; left: -1px; opacity: 0.01; overflow: hidden;" class="ibe_inner"></div>
                                </div>
                            </a>
                            <br>
                        </div>
                        <div class="desc">
                            <a class="name" href="#">2xist Essential White Sport Brief</a>
                            <div class="price">
                                <span class="normalprice">$991.00 </span>
                                <span class="productSpecialPrice">$743.25</span>
                                <span class="productPriceDiscount"><br>-25%</span>
                            </div>
                        </div>
                    </div>

                    <div class="sideBoxContent centeredContent">
                        <div class="img">
                            <a href="#">
                                <div style="width: 54px; height: 85px; overflow: hidden; top: 0px; left: 0px; position: relative;" class="ibe_outer_nofloat"><img src="images/15.jpg" alt="2xist Essential Y-Back Thong" title=" 2xist Essential Y-Back Thong " height="210" width="134">
                                    <div style="height: 85px; width: 54px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); position: absolute; top: -1px; left: -1px; opacity: 0.01; overflow: hidden;" class="ibe_inner"></div>
                                </div>
                            </a>
                            <br>
                        </div>
                        <div class="desc">
                            <a class="name" href="#">2xist Essential Y-Back Thong</a>
                            <div class="price">
                                <span class="normalprice">$305.00 </span>
                                <span class="productSpecialPrice">$213.50</span>
                                <span class="productPriceDiscount"><br>-30%</span>
                            </div>
                        </div>
                    </div>

                    <div class="sideBoxContent centeredContent last">
                        <div class="img">
                            <a href="#">
                                <div style="width: 54px; height: 85px; overflow: hidden; top: 0px; left: 0px; position: relative;" class="ibe_outer_nofloat"><img src="images/16.jpg" alt="2xist Retro White Racer Tank" title=" 2xist Retro White Racer Tank " height="210" width="134">
                                    <div style="height: 85px; width: 54px; border-left: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); position: absolute; top: -1px; left: -1px; opacity: 0.01;" class="ibe_inner"></div>
                                </div>
                            </a>
                            <br>
                        </div>
                        <div class="desc">
                            <a class="name" href="#">2xist Retro White Racer Tank</a>
                            <div class="price">
                                <span class="normalprice">$871.00 </span>
                                <span class="productSpecialPrice">$435.50</span>
                                <span class="productPriceDiscount"><br>-50%</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="box " id="information" style="width:218px;display:none;">
                <div class="box-head">Information</div>
                <div class="box-body">
                    <div id="informationContent" class="sideBoxContent">
                        <ul style="margin: 0; padding: 0; list-style-type: none;">
                            <li><a href="#">Shipping &amp; Returns</a></li>
                            <li><a href="#">Privacy Notice</a></li>
                            <li><a href="#">Conditions of Use</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">Site Map</a></li>
                            <li><a href="#">Gift Certificate FAQ</a></li>
                            <li><a href="#">Discount Coupons</a></li>
                            <li><a href="#">Newsletter subscribe</a></li>
                        </ul>
                    </div>
                </div>
            </div>   
        </div> 
    </body>
</html>
